<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>车辆使用情况统计表</title>
<style>
table {
	border-collapse: collapse;
	border: 1px solid black;
	width: 100%;
	margin-top: 20px;
}

th, td {
	border: 1px solid black;
	padding: 10px;
	text-align: center;
}

td{
	height:50px;
}

th {
	background-color: #E8F7FF;
}
h2 {
	text-align: center;
	font-size:40px;
	margin-bottom: 10px;
}
button {
    background-color: #4CB2F6;
    color: white;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
button:hover {
    background-color: #0369BF;
}

</style>
</head>
<body>
	<div>
        <label for="reason">车牌号：</label>
        <input type="text" id="reason" name="reason">
        <label for="start_date">年度：</label>
        <input type="number" id="fee_year" list="fee_year_list" name="fee_year">
        <datalist id="fee_year_list">
				<option>2021</option>
				<option>2022</option>
				<option>2023</option>
		</datalist>
        <button style="float:right;margin-left:10px;">导出</button>
        <button style="float:right;">查询</button> 	
    </div>
    <br>
    <hr width="100%">
	<h2>2022年车辆使用情况统计表</h2>
	<table>
		<thead>
			<tr>
				<th>序号</th>
				<th>车牌号</th>
				<th>出车次数</th>
				<th>用油量（L）</th>
				<th>事故次数</th>
				<th>维护次数</th>
				<th>行程数(KM)</th>
				<th>最后年检时间</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>1</td>
				<td>赣A00001</td>
				<td>100</td>
				<td>10000</td>
				<td>0</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>2</td>
				<td>赣A00002</td>
				<td>100</td>
				<td>10000</td>
				<td>1</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>3</td>
				<td>赣A00003</td>
				<td>100</td>
				<td>10000</td>
				<td>1</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>4</td>
				<td>赣A00004</td>
				<td>100</td>
				<td>10000</td>
				<td>2</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>5</td>
				<td>赣A00005</td>
				<td>100</td>
				<td>10000</td>
				<td>3</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>6</td>
				<td>赣A00006</td>
				<td>100</td>
				<td>10000</td>
				<td>1</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>7</td>
				<td>赣A00007</td>
				<td>100</td>
				<td>10000</td>
				<td>1</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>8</td>
				<td>赣A00008</td>
				<td>100</td>
				<td>10000</td>
				<td>1</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>9</td>
				<td>赣A00009</td>
				<td>100</td>
				<td>10000</td>
				<td>1</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			<tr>
				<td>10</td>
				<td>赣A00010</td>
				<td>100</td>
				<td>10000</td>
				<td>1</td>
				<td>20</td>
				<td>1000000</td>
				<td>2022-12-15</td>
			</tr>
			
		</table>
</body>
</html>